<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8"/>
	<title>不在data返回对象的property</title>
	<style>
		[v-cloak] {
			display: none;
		}
	</style>
</head>
<body>
		
	<div id="app" v-cloak>
		没有在data返回对象中定义的property，vue的响应性系统不会自动跟踪它。
		<div>
			{{ipt}}
		</div>
		<button @click="add()">改变</button>
	</div>

	<script src="../lib/vue.3.4.js"></script>
	<script>
		Vue.createApp({
			data () {
				return {

				}
			},
			mounted () {
				this.ipt = '测试及时'
			},
			methods: {
				add () {
					this.ipt += '123';
				}
			}
		}).mount('#app');


	</script>
</body>	
</html>